<template>
  <div>

    <sky-panel title="消息提示">
      <template v-slot:header>
        <span>消息提示</span>
      </template>
      <template v-slot:main>

          <el-button type="primary" @click="handelWarning">消息提示</el-button>

      </template>
    </sky-panel>

  <sky-code-panel>
    <div class="prewrap" v-highlight>
      <!-- 使用指令 -->
      <pre>
        <code class="html">

          &lt;el-button type="primary" @click="handelWarning"&gt;弹框&lt;/el-button&gt;


          &lt;script lang="ts"&gt;
              import { defineComponent, ref } from 'vue'
              import {Message} from 'skyvueplus'

              export default defineComponent({
                setup() {
                  const handelWarning=()=&gt;{
                    Message.info("自定义消息提示")
                  }
                  return{
                    handelWarning
                  }
                },
              })
          &lt;/script&gt;

        </code>
    </pre>
    </div>
  </sky-code-panel>



  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
 import {Message} from '@/sky-element/'

export default defineComponent({
  setup() {
    const handelWarning=()=>{
       Message.info("自定义消息提示")
    }
    return{
      handelWarning
    }
  },
})
</script>
